<template>
	<!-- 用户收入管理子组件 -->
  <div class="stu">
	 <el-dialog v-loading="loading"  :title="'事项详情'" :visible.sync="dialogVisible" width="35%" :before-close="handleClose" top='1vh'>
	   <!-- <p class="pbox" style="text-align: center;width:100%;font-size:30px;height:40px;">员工信息详情</p> -->
	    <div style="width:550px;margin: 0 auto;padding-bottom:20px;">
			
			<div style="margin-top:10px;" class="tabbox">
					<p style="">姓名 :</p><div class="tabboxss">{{activess.user_name}}</div>
			</div>
			<div style="margin-top:10px;" class="tabbox">
					<p style="">身份证号码 :</p><div class="tabboxss">{{activess.user_card}}</div>
			</div>
			<div style="margin-top:10px;" class="tabbox">
					<p style="">事件类型 :</p><div class="tabboxss">{{id_names(type_box,activess.event_type)}}</div>
			</div>
			<div style="margin-top:10px;" class="tabbox">
					<p style="">审核状态 :</p><div class="tabboxss">{{activess.event_status==1?'已通过':(activess.event_status==2?'待审核':'未通过')}}</div>
			</div>
			<div style="margin-top:10px;" class="tabbox">
					<p style="">代办干部 :</p><div class="tabboxss">{{activess.proxy_cadre}}</div>
			</div>
			<div style="margin-top:10px;" class="tabbox">
					<p style="">代办提交时间 :</p><div class="tabboxss">{{activess.proxy_time}}</div>
			</div>
			<div style="margin-top:10px;" class="tabbox">
					<p style="">审批人 :</p><div class="tabboxss">{{activess.approve_name}}</div>
			</div>
			<div style="margin-top:10px;" class="tabbox" v-if="activess.reject_reason">
					<p style="">驳回的原因 :</p><div class="tabboxss">{{activess.reject_reason}}</div>
			</div>
			
		<div style="margin-top:10px;" class="tabbox">
			<p style="width:45%;text-align:left;font-weight:bold;font-size:16px;">{{id_names(type_box,activess.event_type)}}详细信息 :</p>
		</div>
		
		<div v-if="id_names(type_box,activess.event_type)=='新生儿'||id_names(type_box,activess.event_type)=='新迁入'||id_names(type_box,activess.event_type)=='新上户口儿童'">
			
			<div style="margin-top:10px;" class="tabbox">
			  <p style="">姓名 :</p><div class="tabboxss">{{activess.event_bean.user_name}}</div>
			</div>
			<div style="margin-top:10px;" class="tabbox">
			  <p style="">身份证号 :</p><div class="tabboxss">{{activess.event_bean.card}}</div>
			</div>
			<div style="margin-top:10px;" class="tabbox">
			  <p style="">户主姓名 :</p><div class="tabboxss">{{activess.event_bean.house_hold_name}}</div>
			</div>
			<div style="margin-top:10px;" class="tabbox">
			  <p style="">户主身份证号 :</p><div class="tabboxss">{{activess.event_bean.house_hold_card}}</div>
			</div>
			<div style="margin-top:10px;height:100px;" class="tabbox">
			  <p style="">户主页+本人页</p>
			  <div class="tabboxss" style="border:none;height:100%;padding:0;" v-if="activess.event_bean.account_book">
				 <!-- <img v-for="i in s_array(activess.event_bean.account_book)" :src="i" @click="imgurl=i;imgshow=true" alt=""> -->
				 <el-image v-for="i in s_array(activess.event_bean.account_book)" style="width: 100px; height: 100px;margin-right:7px;" :src="i"
				     :preview-src-list="s_array(activess.event_bean.account_book)">
				 </el-image>
			  </div>
			  <p v-else style="text-align:left;color:#D0D0D0;">未上传</p>
			</div>
		</div>
		
		<div v-if="id_names(type_box,activess.event_type)=='高龄老人'">
			<div style="margin-top:10px;" class="tabbox">
			  <p style="">老人姓名 :</p><div class="tabboxss">{{activess.event_bean.user_name}}</div>
			</div>
			<div style="margin-top:10px;" class="tabbox">
			  <p style="">性别 :</p><div class="tabboxss">{{activess.event_bean.sex==1?'男':'女'}}</div>
			</div>
			<div style="margin-top:10px;" class="tabbox">
			  <p style="">身份证号 :</p><div class="tabboxss">{{activess.event_bean.card}}</div>
			</div>
			<div style="margin-top:10px;" class="tabbox">
			  <p style="">户籍类别 :</p><div class="tabboxss">{{activess.event_bean.house_type==1?'农业户口':'非农户口'}}</div>
			</div>
			<div style="margin-top:10px;" class="tabbox">
			  <p style="">联系电话 :</p><div class="tabboxss">{{activess.event_bean.phone}}</div>
			</div>
			<div style="margin-top:10px;" class="tabbox">
			  <p style="">年龄 :</p><div class="tabboxss">{{activess.event_bean.age}}</div>
			</div>
			<div style="margin-top:10px;" class="tabbox">
			  <p style="">档次 :</p><div class="tabboxss">{{activess.event_bean.grade==1?'80-89':(activess.event_bean.grade==2?'90-99':'100及以上')}}</div>
			</div>
			<div style="margin-top:10px;" class="tabbox">
			  <p style="">出生日期 :</p><div class="tabboxss">{{activess.event_bean.born_date}}</div>
			</div>
			<div style="margin-top:10px;" class="tabbox">
			  <p style="">户籍所在地 :</p><div class="tabboxss">{{activess.event_bean.house_address}}</div>
			</div>
			<div style="margin-top:10px;" class="tabbox">
			  <p style="">现居住地 :</p><div class="tabboxss">{{activess.event_bean.address}}</div>
			</div>
			<div style="margin-top:10px;height:100px;" class="tabbox">
			  <p style="">头像照片 :</p>
			  <div class="tabboxss" style="border:none;height:100%;padding:0;" v-if="activess.event_bean.user_logo">
				 <el-image v-for="i in s_array(activess.event_bean.user_logo)" style="width: 100px; height: 100px;margin-right:7px;" :src="i"
				     :preview-src-list="s_array(activess.event_bean.user_logo)">
				 </el-image>
			  </div>
			  <p v-else style="text-align:left;color:#D0D0D0;">未上传</p>
			</div>
			<div style="margin-top:10px;height:100px;" class="tabbox">
			  <p style="">申报表 :</p>
			  <div class="tabboxss" style="border:none;height:100%;padding:0;" v-if="activess.event_bean.declare_img">
				 <el-image v-for="i in s_array(activess.event_bean.declare_img)" style="width: 100px; height: 100px;margin-right:7px;" :src="i"
				     :preview-src-list="s_array(activess.event_bean.declare_img)">
				 </el-image>
			  </div>
			  <p v-else style="text-align:left;color:#D0D0D0;">未上传</p>
			</div>
			<div style="margin-top:10px;height:100px;" class="tabbox">
			  <p style="">申请人 :</p>
			  <div class="tabboxss" style="border:none;height:100%;padding:0;" v-if="activess.event_bean.book_card_img">
				 <el-image v-for="i in s_array(activess.event_bean.book_card_img)" style="width: 100px; height: 100px;margin-right:7px;" :src="i"
				     :preview-src-list="s_array(activess.event_bean.book_card_img)">
				 </el-image>
			  </div>
			  <p v-else style="text-align:left;color:#D0D0D0;">未上传</p>
			</div>
			<div style="margin-top:10px;height:100px;" class="tabbox">
			  <p style="">一卡通 :</p>
			  <div class="tabboxss" style="border:none;height:100%;padding:0;" v-if="activess.event_bean.one_card_img">
				 <el-image v-for="i in s_array(activess.event_bean.one_card_img)" style="width: 100px; height: 100px;margin-right:7px;" :src="i"
				     :preview-src-list="s_array(activess.event_bean.one_card_img)">
				 </el-image>
			  </div>
			  <p v-else style="text-align:left;color:#D0D0D0;">未上传</p>
			</div>
		</div>
		<div v-if="id_names(type_box,activess.event_type)=='流动人口'">
			
			<div style="margin-top:10px;" class="tabbox">
			  <p style="">配偶姓名 :</p><div class="tabboxss">{{activess.event_bean.spouse_name}}</div>
			</div>
			<div style="margin-top:10px;" class="tabbox">
			  <p style="">配偶身份证号 :</p><div class="tabboxss">{{activess.event_bean.spouse_card}}</div>
			</div>
			<div style="margin-top:10px;" class="tabbox">
			  <p style="">配偶联系方式 :</p><div class="tabboxss">{{activess.event_bean.spouse_phone}}</div>
			</div>
			<div style="margin-top:10px;" class="tabbox">
			  <p style="">申请人姓名 :</p><div class="tabboxss">{{activess.event_bean.apply_name}}</div>
			</div>
			<div style="margin-top:10px;" class="tabbox">
			  <p style="">申请人身份证号 :</p><div class="tabboxss">{{activess.event_bean.card}}</div>
			</div>
			<div style="margin-top:10px;" class="tabbox">
			  <p>申请人联系电话 :</p><div class="tabboxss">{{activess.event_bean.phone}}</div>
			</div>
			<div style="margin-top:10px;height:100px;" class="tabbox">
			  <p style="">户口本+本人页 :</p>
			  <div class="tabboxss" style="border:none;height:100%;padding:0;" v-if="activess.event_bean.apply_account_book">
				 <el-image v-for="i in s_array(activess.event_bean.apply_account_book)" style="width: 100px; height: 100px;margin-right:7px;" :src="i"
				     :preview-src-list="s_array(activess.event_bean.apply_account_book)">
				 </el-image>
			  </div>
			  <p v-else style="text-align:left;color:#D0D0D0;">未上传</p>
			</div>
			<div style="margin-top:10px;height:100px;" class="tabbox">
			  <p style="">结婚证 :</p>
			  <div class="tabboxss" style="border:none;height:100%;padding:0;" v-if="activess.event_bean.marry_cert_img">
				 <el-image v-for="i in s_array(activess.event_bean.marry_cert_img)" style="width: 100px; height: 100px;margin-right:7px;" :src="i"
				     :preview-src-list="s_array(activess.event_bean.marry_cert_img)">
				 </el-image>
			  </div>
			  <p v-else style="text-align:left;color:#D0D0D0;">未上传</p>
			</div>
			<div style="margin-top:10px;height:100px;" class="tabbox">
			  <p style="">村委会证明 :</p>
			  <div class="tabboxss" style="border:none;height:100%;padding:0;" v-if="activess.event_bean.village_commit_prove">
				 <el-image v-for="i in s_array(activess.event_bean.village_commit_prove)" style="width: 100px; height: 100px;margin-right:7px;" :src="i"
				     :preview-src-list="s_array(activess.event_bean.village_commit_prove)">
				 </el-image>
			  </div>
			  <p v-else style="text-align:left;color:#D0D0D0;">未上传</p>
			</div>
			<div style="margin-top:10px;height:100px;" class="tabbox">
			  <p >申请人照片 :</p>
			  <div class="tabboxss" style="border:none;height:100%;padding:0;" v-if="activess.event_bean.apply_img">
				 <el-image v-for="i in s_array(activess.event_bean.apply_img)" style="width: 100px; height: 100px;margin-right:7px;" :src="i"
				     :preview-src-list="s_array(activess.event_bean.apply_img)">
				 </el-image>
			  </div>
			  <p v-else style="text-align:left;color:#D0D0D0;">未上传</p>
			</div>
		</div>
		<div v-if="id_names(type_box,activess.event_type)=='一二孩生育'">
			
			<div style="margin-top:10px;" class="tabbox">
			  <p style="">类型 :</p><div class="tabboxss">{{activess.event_bean.child_type==1?'一孩':'二孩'}}</div>
			</div>
			<div style="margin-top:10px;" class="tabbox">
			  <p style="">父亲身份证号 :</p><div class="tabboxss">{{activess.event_bean.father_card}}</div>
			</div>
			<div style="margin-top:10px;" class="tabbox">
			  <p style="">父亲姓名 :</p><div class="tabboxss">{{activess.event_bean.father_name}}</div>
			</div>
			<div style="margin-top:10px;" class="tabbox">
			  <p style="">母亲身份证号 :</p><div class="tabboxss">{{activess.event_bean.mother_card}}</div>
			</div>
			<div style="margin-top:10px;" class="tabbox">
			  <p style="">母亲姓名 :</p><div class="tabboxss">{{activess.event_bean.mother_name}}</div>
			</div>
			<div style="margin-top:10px;" class="tabbox">
			  <p>父亲联系电话 :</p><div class="tabboxss">{{activess.event_bean.father_phone}}</div>
			</div>
			<div style="margin-top:10px;" class="tabbox">
			  <p>母亲联系电话 :</p><div class="tabboxss">{{activess.event_bean.mother_phone}}</div>
			</div>
			
			<div style="margin-top:10px;height:100px;" class="tabbox">
			  <p style="">父亲户口本页 :</p>
			  <div class="tabboxss" style="border:none;height:100%;padding:0;" v-if="activess.event_bean.father_account_book">
				 <el-image v-for="i in s_array(activess.event_bean.father_account_book)" style="width: 100px; height: 100px;margin-right:7px;" :src="i"
				     :preview-src-list="s_array(activess.event_bean.father_account_book)">
				 </el-image>
			  </div>
			  <p v-else style="text-align:left;color:#D0D0D0;">未上传</p>
			</div>
			<div style="margin-top:10px;height:100px;" class="tabbox">
			  <p style="">母亲户口本页 :</p>
			  <div class="tabboxss" style="border:none;height:100%;padding:0;" v-if="activess.event_bean.mother_account_book">
				 <el-image v-for="i in s_array(activess.event_bean.mother_account_book)" style="width: 100px; height: 100px;margin-right:7px;" :src="i"
				     :preview-src-list="s_array(activess.event_bean.mother_account_book)">
				 </el-image>
			  </div>
			  <p v-else style="text-align:left;color:#D0D0D0;">未上传</p>
			</div>
			<div style="margin-top:10px;height:100px;" class="tabbox">
			  <p style="">父亲身份证正面 :</p>
			  <div class="tabboxss" style="border:none;height:100%;padding:0;" v-if="activess.event_bean.father_card_img_z">
				 <el-image v-for="i in s_array(activess.event_bean.father_card_img_z)" style="width: 100px; height: 100px;margin-right:7px;" :src="i"
				     :preview-src-list="s_array(activess.event_bean.father_card_img_z)">
				 </el-image>
			  </div>
			  <p v-else style="text-align:left;color:#D0D0D0;">未上传</p>
			</div>
			<div style="margin-top:10px;height:100px;" class="tabbox">
			  <p >父亲身份证反面 :</p>
			  <div class="tabboxss" style="border:none;height:100%;padding:0;" v-if="activess.event_bean.father_card_img_f">
				 <el-image v-for="i in s_array(activess.event_bean.father_card_img_f)" style="width: 100px; height: 100px;margin-right:7px;" :src="i"
				     :preview-src-list="s_array(activess.event_bean.father_card_img_f)">
				 </el-image>
			  </div>
			  <p v-else style="text-align:left;color:#D0D0D0;">未上传</p>
			</div>
			<div style="margin-top:10px;height:100px;" class="tabbox">
			  <p style="">母亲身份证正面 :</p>
			  <div class="tabboxss" style="border:none;height:100%;padding:0;" v-if="activess.event_bean.mother_card_img_z">
				 <el-image v-for="i in s_array(activess.event_bean.mother_card_img_z)" style="width: 100px; height: 100px;margin-right:7px;" :src="i"
				     :preview-src-list="s_array(activess.event_bean.mother_card_img_z)">
				 </el-image>
			  </div>
			  <p v-else style="text-align:left;color:#D0D0D0;">未上传</p>
			</div>
			<div style="margin-top:10px;height:100px;" class="tabbox">
			  <p style="">母亲身份证反面 :</p>
			  <div class="tabboxss" style="border:none;height:100%;padding:0;" v-if="activess.event_bean.mother_card_img_f">
				 <el-image v-for="i in s_array(activess.event_bean.mother_card_img_f)" style="width: 100px; height: 100px;margin-right:7px;" :src="i"
				     :preview-src-list="s_array(activess.event_bean.mother_card_img_f)">
				 </el-image>
			  </div>
			  <p v-else style="text-align:left;color:#D0D0D0;">未上传</p>
			</div>
			<div style="margin-top:10px;height:100px;" class="tabbox">
			  <p style="">结婚证 :</p>
			  <div class="tabboxss" style="border:none;height:100%;padding:0;" v-if="activess.event_bean.marry_cert_img">
				 <el-image v-for="i in s_array(activess.event_bean.marry_cert_img)" style="width: 100px; height: 100px;margin-right:7px;" :src="i"
				     :preview-src-list="s_array(activess.event_bean.marry_cert_img)">
				 </el-image>
			  </div>
			  <p v-else style="text-align:left;color:#D0D0D0;">未上传</p>
			</div>
			<div style="margin-top:10px;height:100px;" class="tabbox">
			  <p >村委会证明 :</p>
			  <div class="tabboxss" style="border:none;height:100%;padding:0;" v-if="activess.event_bean.village_commit_prove">
				 <el-image v-for="i in s_array(activess.event_bean.village_commit_prove)" style="width: 100px; height: 100px;margin-right:7px;" :src="i"
				     :preview-src-list="s_array(activess.event_bean.village_commit_prove)">
				 </el-image>
			  </div>
			  <p v-else style="text-align:left;color:#D0D0D0;">未上传</p>
			</div>
			
		</div>
		<div v-if="id_names(type_box,activess.event_type)=='人口信息'">
			<div style="margin-top:10px;" class="tabbox">
			  <p style="">行政村 :</p><div class="tabboxss">{{activess.event_bean.village}}</div>
			</div>
			<div style="margin-top:10px;" class="tabbox">
			  <p style="text-align:left;">变更记录表 :</p>
			</div>
			<div style="width:100%;height:400px;">
				<el-table :data="activess.event_bean.record_list" stripe style="width:100%;" max-height='400px'>
					<el-table-column header-align='center' align='center' prop="field_name_text" label="名称" ></el-table-column>
					<el-table-column header-align='center' align='center' prop="change_before_val" label="变更前的值" ></el-table-column>
					<el-table-column header-align='center' align='center' prop="change_after_val" label="变更后的值" ></el-table-column>
					<el-table-column header-align='center' align='center' prop="" label="变更类型" >
						<template slot-scope="scope">{{scope.row.change_type==1?'增加':(scope.row.change_type==2?'修改':'删除')}}</template>
					</el-table-column>
					<el-table-column header-align='center' align='center' prop="time" label="更新时间">
						<template slot-scope="scope">{{scope.row.time.substr(0,10)}}</template>
					</el-table-column>
				</el-table>
			</div>
		</div>
		<div v-if="id_names(type_box,activess.event_type)=='新参保'">
			<div style="margin-top:10px;height:100px;" class="tabbox">
			  <p >户主页+本人页 :</p>
			  <div class="tabboxss" style="border:none;height:100%;padding:0;" v-if="activess.event_bean.account_book">
				 <el-image v-for="i in s_array(activess.event_bean.account_book)" style="width: 100px; height: 100px;margin-right:7px;" :src="i"
				     :preview-src-list="s_array(activess.event_bean.account_book)">
				 </el-image>
			  </div>
			  <p v-else style="text-align:left;color:#D0D0D0;">未上传</p>
			</div>
			
			<div style="margin-top:10px;" class="tabbox">
			  <p style="text-align:left;">参保人员列表 :</p>
			</div>
			<div style="width:100%;height:400px;">
				<el-table :data="JSON.parse(activess.event_bean.pop_list)" stripe style="width:100%;" max-height='400px'>
					<el-table-column header-align='center' align='center' prop="user_name" label="参保人姓名" ></el-table-column>
					<el-table-column header-align='center' align='center' prop="card" label="参保人身份证号" ></el-table-column>
				</el-table>
			</div>
		</div>
		
		</div>	
<!-- 查刚大图 -->
		
	 </el-dialog>
	 
  </div>
</template>

<script>
import $ from 'jquery'
export default {
  name: 'stu',
  components: {},//声明子组件
  computed:{
	  
  },
  data(){
	  return {
		imgshow:false,
		imgurl:'',
		loading:false,
		btn_shou:false,
		dialogVisible: false,
		activess:{
			
		},
		renbox:[],
		num:0,
		type_box:[
			{name:'人口信息',id:'40001'},{name:'新生儿',id:'10001'},{name:'新迁入',id:'10002'},
			{name:'新上户口儿童',id:'10003'},{name:'新参保',id:'10004'},{name:'高龄老人',id:'30001'},
			{name:'流动人口',id:'20001'},{name:'一二孩生育',id:'20002'},
		],
	  }
  },
  methods:{
	  git_act(i,num){//获取数据的同打开狂口
	      if(num==1){
			  this.git_xiang(i.id);
			  // this.activess = i;
			  // this.activess.is_out = this.activess.is_out+'';
		  }
		  this.num = num;
	      console.log(this.activess,num);
	      this.dialogVisible=true;
		  
	  },
	  
	  git_xiang(id){
		  $.ajax({url:'/dj/user_manage/events_detail',type:'post',data:{id:id},dataType:'json',success:(res)=> {
		  	if(Object.prototype.toString.call(res) != '[object Object]'){res = JSON.parse(res)}
		  	 console.log(res,'详情');
		  	 if(res.code==200){
				 this.activess = res.data;
			 }else{
		  		 this.$message.error(res.msg);
		  	  }
		  	}
		  }) 
	  },
	  
	  git_acts(){//提交数据
	        console.log(this.activess);
			if(this.isNull(this.activess.name)){this.$message.error('请输入 姓名');return false}
			if(this.isNull(this.activess.card)){this.$message.error('请输入 身份证号');return false}
			if(this.iscard(this.activess.card)){this.$message.error('身份证号格式不正确');return false}
			if(this.isNull(this.activess.account)){this.$message.error('请输入 一卡通账号');return false}
	        if(this.isNull(this.activess.deal_date)){this.$message.error('请选择 交易时间');return false}
	  		if(this.activess.deal_money){}else{this.$message.error('请输入 交易金额');return false}
			if(this.activess.deal_money<0){this.$message.error('交易金额不能小于零');return false}
			if(this.activess.account_money){}else{this.$message.error('请输入 账户余额');return false}
			if(this.activess.account_money<0){this.$message.error('账户余额不能小于零');return false}
			if(this.isNull(this.activess.comment)){this.$message.error('请输入 资金类型');return false}
			
	  		 let url = this.num==1?'/dj/user_manage/poor_income_modify':'/dj/user_manage/poor_income_insert';
	  		 $.ajax({url:url,type:'post',data:this.activess,dataType:'json',success:(res)=> {
	  		 	if(Object.prototype.toString.call(res) != '[object Object]'){res = JSON.parse(res)}
	  		 	 console.log(res,'提交');
	  		 	 if(res.code==200){
	  				this.$parent.git_act();
	  		 		this.$message({message: '操作成功',type: 'success'});
	  		 		this.dialogVisible=false;
	  				this.qin();
	  		 	  }else{
	  		 		 this.$message.error(res.msg);
	  		 	  }
	  		 	}
	  		 })
	  },
	  qin(){//清除
	  	this.activess={
			 name:'',//姓名
			 	   card:'',//身份证号码
			 	   account:'',//一卡通账号
			 	   deal_date:'',//交易时间(日期)
			 	   deal_money:'',//交易金额
			 	   account_money:'',//账户余额
			 	   comment:'',//资金类型(纯中文)
			 	   id:'',//主键
		}
	  },
	  
	  handleClose(done){//监测用户点击x
	     this.dialogVisible = false;
	  
	   //   this.$confirm('确定取消关闭吗？','提示',{confirmButtonText:'确定',cancelButtonText:'取消',type: 'warning'}).then(() => {
	  	//    this.dialogVisible = false;
	  	//    this.qin();
		  //  this.$parent.git_act();
	  	// }).catch(() => {});
	  },
	  
  },
  mounted(){
	  // this.git_ren()
  }
}
</script>
<style scoped="scoped">
	.tabboxss{
		width:75%;
		float:left;
		height:35px;
		line-height:35px;
		padding-left:7px;
		border:1px solid #D0D0D0;
	}
	.tabboxss img{
		width:100px;
		height:100px;
		float:left;
		margin-right:7px;
	}
	
	.pboxc1{
		float:left;
		width:70%;
		height:40px;
		border:1px solid rgba(242,242,242,1);
		font-size:14px;color:#666666;
		/* padding-left:18px; */
		text-align:left;
		/* overflow: hidden; */
		/* text-overflow:ellipsis; */
		/* white-space: nowrap; */
	}
	.tabbox{
		width:100%;
		height:40px;
		line-height: 40px;
		margin-top:23px;
	}
	.tabbox p{
		font-size:14px;
		color:#000000;
		width:18%;
		text-align:right;
		margin-right:18px;
		float:left;
		overflow: hidden;
		text-overflow:ellipsis;
		white-space: nowrap;
		font-family:Source Han Sans CN;
	}
	.pbox{
		width:10%;
		text-align:right;
		height:26px;
		margin-bottom:20px;
		font-size:18px;
		color:#000101;
		overflow: hidden;
		text-overflow:ellipsis;
		white-space: nowrap;
		font-family:Source Han Sans CN;
		font-weight:600;
	}
</style>
